/* ----- Main layout ----- */
* html {margin:	0;	padding:	0;}
* html body { height: 100%;}
body {
	margin:							0;
	min-height:						100%;
	background-color:				#fcfcfc;
	padding:							0;
	color:							#000;
	font-size:						9pt;
	font-family:  					tahoma, osaka, taipei,verdana, arial, helvetica, sans-serif;
}
.screenshot {
    text-align:					center;
}

/* header */
#xo-header { background: url(img/bghead.png) repeat-x left; height: 80px;}
#xo-main-logo {
	float:							left;
}
#xo-version {
	position:						absolute;
	top:								15px;
	right:							10px;
   color:							#639ace;
	font-weight: 					bold;
	font-size:						2em;
}
#xo-support {
	position:						absolute;
	top:								60px;
	right:							10px;
	font-size:						1em;
}

#xo-globalnav {border-bottom: 1px solid #ddd; background-image: url(img/hbar.gif);}
#xo-content {	width: 800px; margin:0 auto;	padding:	2em; text-align:	center;}

/* ----- Wizard layout ----- */
#wizard {
	background:						#f0f0f0 url(img/wizard_bg.png) no-repeat 0 90px;
	padding:							.5em;
	color: 							inherit;
	text-align:						left;
	border-top:						1px solid #e3e3e3;
	border-left:					1px solid #fff;
}
#pageslist {
	float:							left;
	width:							190px;
	margin:							0;
	padding:							.5em;
	border-right:					1px solid #e4e4e4;
	list-style-type:				none;
	min-height: 					350px;
}
.page {
	min-height:						350px;
	margin-left:					200px;
	padding:							.5em;
}
* html .page { height: 350px; }

/* ===== titles ===== */
h1 {
	margin:							0;
	background:						url(img/title.png) no-repeat;
	padding:							0;
	color:							#fff;
	font-size:						1.5em;
	height:							40px;
	padding:							7px 0 0;
}
h1, h2, h3, h4 { font-weight:bold;}
h2 {
	margin-top:						0;
	padding-left:					.5em;
	font-size:						1.3em;
	text-align:						left;
	border-bottom:					1px solid #ccc;
}
h3, h4 {
	margin:							1em .5em .5em;
	font-size:						1.1em;
	font-style: 					italic;
}

/* ===== hypertext links ===== */
a {
	background-color:				inherit;
	color:							#666;
	font-weight:					bold;
	text-decoration:				none;
}
a:hover {
	background-color: 			inherit;
	color: 							#5e92ee;
	text-decoration: 				none;
}

/* ===== acronyms, abbreviation ===== */
acronym, abbr { border-bottom: #666 1px dashed;	cursor:	help;}
acronym:hover, abbr:hover { border-bottom-color: #5e92ee;}
strong {	font-style: italic;}
#title {	padding-left: 1em; font-weight:bold;}

/* ===== Styling ===== */
p { margin:	.5em; text-align:justify;}
#introinstall {text-align:justify;}
#introinstall ul li { padding-left:.5em; list-style: circle inside;}
#introinstall ol li { padding-left:.5em; list-style: decimal inside;}

#xo-finish {
	font-size:						1.2em;
}

#xo-finish legend {
	margin:							0;
	padding:							0 .5em;
	font-size:						1.2em;
	font-weight:					bold;
}

#xo-finish p {	padding-left: 2.5em; margin: 1em 0;}

#xo-finish ul li { margin: 0; padding:0; line-height: 1.4em; list-style: circle inside;}

.directory, .files {
	padding-left: 					18px;
	font-style: 					italic;
}
.directory {
 	background-image: 			url(img/folder.png);
   background-repeat: 			no-repeat;
   background-position: 		left;
}
.files {
 	background-image: 			url(img/document.png);
   background-repeat: 			no-repeat;
   background-position: 		left;
}
#pageslist li {
	background:						url(img/bullet.png) no-repeat left center;
	padding-left:					15px;
	padding-top:					1px;
	padding-bottom:				2px;
	line-height: 					1.4em;
}
#pageslist li.current {	background-image:	url(img/bullet-current.png); color: #1a34a4; font-style: italic; font-weight: bold; font-size:1.1em;}
#pageslist li.disabled {background-image:	url(img/bullet-disabled.png); color:#888;}
#pageslist li a:hover {	background-color: inherit;	color: #ff9966;}
#buttons { clear: both;	text-align:	right; padding: .5em;}

#langselect.page {	text-align:	center;}

#xo-installmod{}

.log, .log ul {
	height:							310px;
	overflow:						auto;
	padding:							5px;
	margin:							0px;
	border:							1px solid #d0d0d0;
}

.log-module {
	height:							300px;
	overflow:						hidden;
	overflow-x:						none;
	overflow-y:						scroll;
	padding:							5px;
	border:							1px solid #d0d0d0;
}

.screenshot {
    text-align:					center;
}

/* ===== forms ===== */
form { margin:	0;}
select {
	margin-top: 					.25em;
	margin-bottom: 				1em;
	margin-left: 					12em;
	background-color: 			#f7f7f7;
	color:							#000;
	font:								8pt verdana, arial, helvetica;
	border-right:					#000 1px solid;
	border-top:						#000 1px solid;
	border-left:					#000 1px solid;
	border-bottom:					#000 1px solid;
}
#langselect select {	margin-left: 0;}
label {display:	block; padding-top: .5em; color: #1a34a4;}
fieldset {
	margin-top: 					.5em;
	margin-bottom:					1em;
	padding:							.5em 1em;
	border:							1px solid #1a34a4;
}
legend {
	margin:							0;
	padding:							0 .5em;
	font-size:						1.1em;
	font-weight:					bold;
}
input[type=text], input[type=password] {
	width: 							35%;
	margin-bottom: 				.25em;
	margin-left: 					12em;
	background:						#fff url(img/form-input.png) no-repeat left top;
	padding:							1px .25em;
	border-bottom:					1px solid #aaa;
	border-right:					1px solid #aaa;
}
input[name=root_path], input[name=trust_path], input[name=url] {
	width: 							70%;
}

input { width: expression(this.type=='text'?'35%':'auto'); }
input[type=submit], input[type=reset], input[type=button], .xo-formbuttons, .formButton, button {
	margin-left: 					.5em;
	background:						#D3D2D6 url(img/button_bg.png) repeat-x left bottom;
	color:							#405A80;
	font-size:						.9em;
	font-weight:					bold;
	border:							1px solid #ccc;
	cursor: 							pointer;
	vertical-align: 				top;
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover,.xo-formbuttons:hover, .formButton:hover, button:hover  {
	background:						#E6EBFF url(img/button-hover_bg.png) repeat-x left bottom;
	color: 							#333;
	cursor:							pointer;
}

#siteConf input[type=text] {
	width: 							70%;
}

#help_button {	margin-left: 5px; vertical-align: abs-middle;}

.xoform-help {
	display:							none;
	margin:							0;
	background-color: 			transparent;
	padding:							0;
	color:							#ff0000;
	font-size:						.9em;
	font-style:						italic;
}
body.show-help .xoform-help {	display:	block;}

select {	width:	35%;}
button {	padding:	2px .5em;}
textarea { border: 1px solid #d0d0d0;	overflow: auto; width:98%;}

/* ===== tables ===== */
table {
	width:							99%;
	margin-bottom:					1em;
	border-spacing:				0;
	border-collapse:				collapse;
}
caption {
	background:						url(img/table-caption-grey.png) repeat-x;
	background-color: 			#fff;
	padding:							2px .25em;
	color:							#000;
	font-size: 						1.1em;
	font-weight: 					bold;
	font-variant: 					small-caps;
}
table thead th {	background:	#f4f4f4; color: #000; text-align: center;}
td, th { padding:	2px .25em;}
td.head {width: 300px;}
td.module_col1 {width: 100px; text-align: center;}

/* ===== messages ===== */
.error, .warning, .failure {
	background-image:				url(img/no.png);
	background-repeat:			no-repeat;
	padding-left:					20px;
}
.success {
	background-image:				url(img/yes.png);
	background-repeat:			no-repeat;
	padding-left:					20px;
}
.warning { color:#ff0000; background-color: transparent;}
.x2-note {	margin: 1em 0;	padding:	.5em;}
.errorMsg,.confirmMsg, .resultMsg, .successMsg, .writable {margin-top: 1em; margin-bottom: 1em; padding: .8em; font-size:1.1em; text-align:center; border: 2px solid #ddd;}
.confirmMsg {background-color: #FFF6BF; color: #817134; border-color: #FFD324;}
.resultMsg, .successMsg {background-color: #E6EFC2; color: #529214; border-color: #C6D880;}
.errorMsg a {background-color: transparent; color: #D12F19;}
.confirmMsg a {background-color: transparent; color: #817134;}
.successMsg a {background-color: transparent; color: #529214;}
.errorMsg {
	background-color: 			#FBE3E4;
   background-repeat: 			no-repeat;
   background-position: 		10px;
 	background-image: 			url(img/error.png);
	color: 							#D12F19;
	border-color: 					#FBC2C4;
}
.writable {
	margin: 							.5em 5em;
	text-align:						left;
}

/* ===== Shadow effect ===== */
html>body .tagsoup1 {
	display:							block;
	position:						relative;
	background-color:				#aaa;
}

/* ===== shadow corners ===== */
html>body .tagsoup1 .tagsoup2 {
	display:							block;
	position:						relative;
	overflow:						hidden; /* prevents margin leakage from child elements */
	left:								-2px;
	top:								-2px;
	margin:							0;
}

/* Password streng */
#passwordDescription {
	position: 						relative;
	top: 								2px;
	left:								5px;
}

#passwordStrength {
	height: 							20px;
	display: 						block;
	margin-bottom: 				.25em;
	margin-left: 					12em;
	font-weight: 					bold;
}

.strength0 { width: 250px; background: #ccc; }
.strength1 { width:  50px; background: #f00; }
.strength2 { width: 100px; background: #ff5f5f; }
.strength3 { width: 150px; background: #56e500; }
.strength4 { width: 200px; background: #4dcd00; }
.strength5 { width: 250px; background: #399800; }
.strength0 span { color: #000; }
.strength1 span { color: #fff; }
.strength2 span { color: #fff; }
.strength3 span { color: #000; }
.strength4 span { color: #000; }
.strength5 span { color: #fff; }
